<template>
    <div class="box">
         
        <div class="center-box" >
                 <router-view></router-view>
                <!-- <router-link to="/login">Login</router-link>
                 <router-link to="/Reg">Register</router-link> -->
          
                  
        </div>
     
    </div>
    
</template>

<script setup lang='ts'>



</script>


<style lang='scss' scoped>
* {
    /* 初始化 */
    margin: 0;
    padding: 0;
}
.box {
    background-size: 100% 100%;
    position: fixed;
    width: 100%;
    height: 100%;

    background-image: url("../../assets/loginback.png");

    //没有高度给一个这个
}

.center-box {
    position: absolute;
    width: 40%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    animation: winAlertIn 0.4s;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.8;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);

    z-index: 1002;

    overflow: hidden;
}
</style>